import { lazy } from 'react'

const Mobile = lazy(() => import('../layouts/mobile'))
const Admin = lazy(() => import('../layouts/admin'))

const Login = lazy(() => import('../views/login'))
const Home = lazy(() => import('../views/home'))
const Ums = lazy(() => import('../views/ums'))
const NotFound = lazy(() => import('../views/404'))

export const routes = [
  {
    path: '/mobile',
    element: <Mobile />,
    children: [],
  },
  {
    path: '/admin',
    element: <Admin />,
    children: [
      {
        // path: 'home',
        index: true,
        element: <Home />,
      },
      {
        path: 'ums',
        element: <Ums />,
      },
    ],
  },
  {
    path: '/',
    element: <Login />,
  },
  {
    path: '*',
    element: <NotFound />,
  },
]
